<div class="col-md-12">

    <!--页眉-->
    <div class="row col-md-12 text-center pageHead">
        <span class="glyphicon glyphicon-repeat pull-left back-icon" ng-click="backMenu()"></span>
        <span class="pull-left back mt15" ng-click="backMenu()">回功能列表</span>
        <span class="title">
			沈阳怪坡景区销售系统
		</span>
        <span class="glyphicon glyphicon-log-out pull-right back-icon" ng-click="backMenu()"></span>
        <span class="pull-right back mt15" ng-click="backMenu()">注销</span>
    </div>

    <div class="row mt200">
        <div class="col-xs-2"></div>
        <div class="col-xs-8">
            <div class="row input-group">
                <input type="text" class="form-control" ng-model="params.code" ng-change="" placeholder="请输入票码" />
                <span class="input-group-addon btn btn-info" ng-click="search()">查询</span>
                <span class="input-group-addon btn btn-success" ng-show="ticketInfo" ng-click="useTicket()">销票</span>
                <span class="input-group-addon btn btn-warning" ng-show="ticketInfo" ng-click="backTicket()">换票</span>
            </div>
        </div>
        <div class="col-xs-2"></div>
    </div>
    
    <div class="row mt50 text-center form-inline" ng-show="ticketInfo">
        <div class="col-xs-3 text-center"></div>
        <div class="col-xs-3 text-center" style="font-size: 26px;">{{ticketInfo.type_name}}</div>
        <div class="col-xs-3 text-center" style="font-size: 26px;">
            剩余{{ticketInfo.count}}张
        </div>
        <div class="col-xs-3 text-center pull-right"></div>
    </div>
    
    <div class="row mt50 text-center form-inline" ng-show="ticketInfo">
        <div class="col-xs-3 text-center"></div>
        <div class="col-xs-3 text-center" style="font-size: 26px;">请输入销/换票数量</div>
        <div class="col-xs-3 text-center input-group">
            <span class="input-group-addon" ng-click="remove($index)">-</span>
            <input type="number" class="form-control" ng-model="sale.num" min="0">
            <span class="input-group-addon" ng-click="add($index)">+</span>
        </div>
        <div class="col-xs-3 text-center pull-right"></div>
    </div>
    
    <!--<div class="row mt50 text-center">
        <div class="col-xs-2 col-xs-offset-5 text-center">
            <button class="btn btn-info btn-block">确认购票</button>
        </div>
    </div>-->

</div>

<style type="text/css">

    .title {
        font-size: 35px;
    }

    .back {
        font-size: 15px;
        vertical-align: middle;
    }

    .back-icon {
        font-size: 15px;
        margin: 15px;
        margin-top: 18px;
        vertical-align: middle;
    }

    .pageHead {
        width: 100%;
        padding: 0px;
        color: #FFF;
        background-color: rgb(44, 152, 212);
    }

    .ng-scope {
        padding: 0px;
    }

    .row {
        margin-left: 0px;
    }

    .row div {
        padding: 0px;
    }

    .sale-info {
        border: 0px solid #FFF;
    }

    .table>tbody>tr>td {
        border-top: 0px solid #ddd;
    }

    .table-bordered>tbody>tr>td {
        border: 0px solid #ddd;
    }

    .table-bordered {
        border: 0px solid #ddd;
    }

    .sale-info .sale-list {
        height: 765px;
        border: 1px solid #ddd;
    }

    .sale-info .sale-selected-list {
        height: 765px;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }

    .row {
        margin-right: 0px; 
        /*margin-left: -15px;*/
    }

    .tic-btn {
        width: 80px;
        height: 72px;
        padding-top: 25px;
    }

    .saleBlock {
        margin: 20px;
        margin-top: 20px;
        margin-left: 30px;
        padding: 20px;
        height: 100px;
        border: 2px solid #2c98d4;
    }

    .sale-detail {
        height: 60px;
        border-bottom: 2px solid #2c98d4;
    }

</style>